<!DOCTYPE html>
<html lang="zh-CN">
  <head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width,initial-scale=1">
    <title>More Features | 一枚程序猿的blog</title>
    <meta name="generator" content="VuePress 1.9.9">
    <link rel="icon" href="/blog-assets/img/logo.svg">
    <meta name="description" content="墨陈的个人博客">
    <meta name="viewport" content="width=device-width,initial-scale=1,user-scalable=no">
    
    <link rel="preload" href="/blog-assets/assets/css/0.styles.b8ba274c.css" as="style"><link rel="preload" href="/blog-assets/assets/js/app.8304d51e.js" as="script"><link rel="preload" href="/blog-assets/assets/js/4.08820d5d.js" as="script"><link rel="preload" href="/blog-assets/assets/js/1.f05623d2.js" as="script"><link rel="preload" href="/blog-assets/assets/js/14.288551ad.js" as="script"><link rel="prefetch" href="/blog-assets/assets/js/10.0d69c58c.js"><link rel="prefetch" href="/blog-assets/assets/js/11.16049b38.js"><link rel="prefetch" href="/blog-assets/assets/js/12.118c5714.js"><link rel="prefetch" href="/blog-assets/assets/js/13.d806e265.js"><link rel="prefetch" href="/blog-assets/assets/js/15.4e026621.js"><link rel="prefetch" href="/blog-assets/assets/js/16.64396396.js"><link rel="prefetch" href="/blog-assets/assets/js/17.a4bcdb0e.js"><link rel="prefetch" href="/blog-assets/assets/js/18.9b560985.js"><link rel="prefetch" href="/blog-assets/assets/js/19.93cf4bca.js"><link rel="prefetch" href="/blog-assets/assets/js/20.1ca10da7.js"><link rel="prefetch" href="/blog-assets/assets/js/21.531cde56.js"><link rel="prefetch" href="/blog-assets/assets/js/22.0effffc5.js"><link rel="prefetch" href="/blog-assets/assets/js/23.b12e3c44.js"><link rel="prefetch" href="/blog-assets/assets/js/24.b90b9dec.js"><link rel="prefetch" href="/blog-assets/assets/js/3.2ea7ac7b.js"><link rel="prefetch" href="/blog-assets/assets/js/5.3e2f5e91.js"><link rel="prefetch" href="/blog-assets/assets/js/6.a5fb46dd.js"><link rel="prefetch" href="/blog-assets/assets/js/7.f09ff05b.js"><link rel="prefetch" href="/blog-assets/assets/js/8.0c2b6c52.js"><link rel="prefetch" href="/blog-assets/assets/js/9.8858b38f.js">
    <link rel="stylesheet" href="/blog-assets/assets/css/0.styles.b8ba274c.css">
  </head>
  <body>
    <div id="app" data-server-rendered="true"><div id="theme-container" class="theme-container" data-v-57e42542><header class="navbar is-fixed is-visible invert" data-v-57e42542><a href="/blog-assets/" class="home-link router-link-active"><span class="site-name">一枚程序猿的blog</span></a> <div class="links"><nav class="nav-links can-hide"><div class="nav-item"><a href="/blog-assets/" class="nav-link ov-parent ov-hover"><svg aria-hidden="true" width="19.2" height="19.2" viewBox="-43.52 -43.52 599.04 599.04" fill="currentColor" class="ov-icon ov-wrench ov-hover" style="font-size:1.2em;"><path d="M489.2 287.9h-27.4c-2.6 0-4.6 2-4.6 4.6v32h-36.6V146.2c0-2.6-2-4.6-4.6-4.6h-27.4c-2.6 0-4.6 2-4.6 4.6v32h-36.6v-32c0-2.6-2-4.6-4.6-4.6h-27.4c-2.6 0-4.6 2-4.6 4.6v32h-36.6v-32c0-6-8-4.6-11.7-4.6v-38c8.3-2 17.1-3.4 25.7-3.4 10.9 0 20.9 4.3 31.4 4.3 4.6 0 27.7-1.1 27.7-8v-60c0-2.6-2-4.6-4.6-4.6-5.1 0-15.1 4.3-24 4.3-9.7 0-20.9-4.3-32.6-4.3-8 0-16 1.1-23.7 2.9v-4.9c5.4-2.6 9.1-8.3 9.1-14.3 0-20.7-31.4-20.8-31.4 0 0 6 3.7 11.7 9.1 14.3v111.7c-3.7 0-11.7-1.4-11.7 4.6v32h-36.6v-32c0-2.6-2-4.6-4.6-4.6h-27.4c-2.6 0-4.6 2-4.6 4.6v32H128v-32c0-2.6-2-4.6-4.6-4.6H96c-2.6 0-4.6 2-4.6 4.6v178.3H54.8v-32c0-2.6-2-4.6-4.6-4.6H22.8c-2.6 0-4.6 2-4.6 4.6V512h182.9v-96c0-72.6 109.7-72.6 109.7 0v96h182.9V292.5c.1-2.6-1.9-4.6-4.5-4.6zm-288.1-4.5c0 2.6-2 4.6-4.6 4.6h-27.4c-2.6 0-4.6-2-4.6-4.6v-64c0-2.6 2-4.6 4.6-4.6h27.4c2.6 0 4.6 2 4.6 4.6v64zm146.4 0c0 2.6-2 4.6-4.6 4.6h-27.4c-2.6 0-4.6-2-4.6-4.6v-64c0-2.6 2-4.6 4.6-4.6h27.4c2.6 0 4.6 2 4.6 4.6v64z"/></svg>
  首页
</a></div><div class="nav-item"><a href="/blog-assets/tags/" class="nav-link ov-parent ov-hover"><svg aria-hidden="true" width="19.2" height="19.2" viewBox="-43.52 -43.52 599.04 599.04" fill="currentColor" class="ov-icon ov-wrench ov-hover" style="font-size:1.2em;"><path d="M0 252.118V48C0 21.49 21.49 0 48 0h204.118a48 48 0 0133.941 14.059l211.882 211.882c18.745 18.745 18.745 49.137 0 67.882L293.823 497.941c-18.745 18.745-49.137 18.745-67.882 0L14.059 286.059A48 48 0 010 252.118zM112 64c-26.51 0-48 21.49-48 48s21.49 48 48 48 48-21.49 48-48-21.49-48-48-48z"/></svg>
  标签
</a></div><div class="nav-item"><a href="/blog-assets/links/" class="nav-link ov-parent ov-hover"><svg aria-hidden="true" width="19.2" height="19.2" viewBox="-43.52 -43.52 599.04 599.04" fill="currentColor" class="ov-icon ov-wrench ov-hover" style="font-size:1.2em;"><path d="M305.45 462.59c7.391 7.298 6.188 20.097-3 25.004-77.714 41.802-176.726 29.91-242.344-35.709-65.602-65.603-77.51-164.523-35.692-242.331 4.891-9.095 17.69-10.298 25.003-3l116.812 116.813 27.394-27.394c-.688-2.61-1.594-5.001-1.594-7.814a32.004 32.004 0 1132.004 32.005c-2.797 0-5.204-.891-7.798-1.594l-27.41 27.41zm206.526-159.523a16.103 16.103 0 01-16.002 17.003H463.86a15.97 15.97 0 01-15.892-15.002C440.467 175.549 336.453 70.534 207.03 63.533a15.845 15.845 0 01-15.002-15.908V16.027A16.094 16.094 0 01209.03.024C372.255 8.62 503.475 139.841 511.976 303.067zm-96.012-.297a16.21 16.21 0 01-16.112 17.3h-32.207a16.069 16.069 0 01-15.893-14.705c-6.907-77.011-68.118-138.91-144.924-145.224a15.94 15.94 0 01-14.8-15.893v-32.114a16.134 16.134 0 0117.3-16.096c110.123 8.501 198.228 96.607 206.636 206.732z"/></svg>
  链接
</a></div><div class="nav-item"><a href="/blog-assets/docs/" class="nav-link ov-parent ov-hover router-link-active"><svg aria-hidden="true" width="19.2" height="19.2" viewBox="0 0 24 24" fill="currentColor" class="ov-icon ov-wrench ov-hover" style="font-size:1.2em;"><path fill="none" d="M0 0h24v24H0z"/><path d="M21 18H6a1 1 0 000 2h15v2H6a3 3 0 01-3-3V4a2 2 0 012-2h16v16zm-5-9V7H8v2h8z"/></svg>
  文档
</a></div><div class="nav-item"><a href="https://github.com/mochen1942" target="_blank" rel="noopener noreferrer" class="nav-link external ov-parent ov-hover"><svg aria-hidden="true" width="19.2" height="19.2" viewBox="0 0 512 512" fill="currentColor" class="ov-icon ov-wrench ov-hover" style="font-size:1.2em;"><path d="M256 32C132.3 32 32 134.9 32 261.7c0 101.5 64.2 187.5 153.2 217.9a17.56 17.56 0 003.8.4c8.3 0 11.5-6.1 11.5-11.4 0-5.5-.2-19.9-.3-39.1a102.4 102.4 0 01-22.6 2.7c-43.1 0-52.9-33.5-52.9-33.5-10.2-26.5-24.9-33.6-24.9-33.6-19.5-13.7-.1-14.1 1.4-14.1h.1c22.5 2 34.3 23.8 34.3 23.8 11.2 19.6 26.2 25.1 39.6 25.1a63 63 0 0025.6-6c2-14.8 7.8-24.9 14.2-30.7-49.7-5.8-102-25.5-102-113.5 0-25.1 8.7-45.6 23-61.6-2.3-5.8-10-29.2 2.2-60.8a18.64 18.64 0 015-.5c8.1 0 26.4 3.1 56.6 24.1a208.21 208.21 0 01112.2 0c30.2-21 48.5-24.1 56.6-24.1a18.64 18.64 0 015 .5c12.2 31.6 4.5 55 2.2 60.8 14.3 16.1 23 36.6 23 61.6 0 88.2-52.4 107.6-102.3 113.3 8 7.1 15.2 21.1 15.2 42.5 0 30.7-.3 55.5-.3 63 0 5.4 3.1 11.5 11.4 11.5a19.35 19.35 0 004-.4C415.9 449.2 480 363.1 480 261.7 480 134.9 379.7 32 256 32z"/></svg>
  仓库地址
</a></div> <div class="nav-item"><a class="nav-link ov-parent ov-hover" style="cursor: pointer"><svg aria-hidden="true" width="19.2" height="19.2" viewBox="0 0 24 24" fill="currentColor" class="ov-icon ov-wrench ov-hover" style="font-size:1.2em;"><path fill="none" d="M0 0h24v24H0z"/><path d="M11 2c4.968 0 9 4.032 9 9s-4.032 9-9 9-9-4.032-9-9 4.032-9 9-9zm0 16c3.867 0 7-3.133 7-7 0-3.868-3.133-7-7-7-3.868 0-7 3.132-7 7 0 3.867 3.132 7 7 7zm8.485.071l2.829 2.828-1.415 1.415-2.828-2.829 1.414-1.414z"/></svg>
      搜索
    </a></div></nav></div></header> <div class="sidebar-mask" data-v-57e42542></div> <aside class="sidebar" data-v-57e42542><div class="personal-info-wrapper" data-v-57e42542><div class="mobile-hero-avatar" data-v-57e42542><img src="/blog-assets/img/avatar.jpeg" alt="hero" data-v-57e42542></div> <p class="mobile-heading" data-v-57e42542>
          墨陈
        </p> <div class="sns-wrapper" data-v-57e42542><a href="https://github.com/mochen1942" target="_blank" rel="noopener noreferrer"><svg aria-hidden="true" width="0" height="0" viewBox="0 0 0 0" fill="currentColor" class="icon-stack ov-icon" style="font-size:1.2em;"><!----> <svg aria-hidden="true" width="19.2" height="19.2" viewBox="-59.52 -43.52 599.04 599.04" fill="currentColor" class="icon-sns ov-icon ov-inverse" style="font-size:1.2em;"><path d="M186.1 328.7c0 20.9-10.9 55.1-36.7 55.1s-36.7-34.2-36.7-55.1 10.9-55.1 36.7-55.1 36.7 34.2 36.7 55.1zM480 278.2c0 31.9-3.2 65.7-17.5 95-37.9 76.6-142.1 74.8-216.7 74.8-75.8 0-186.2 2.7-225.6-74.8-14.6-29-20.2-63.1-20.2-95 0-41.9 13.9-81.5 41.5-113.6-5.2-15.8-7.7-32.4-7.7-48.8 0-21.5 4.9-32.3 14.6-51.8 45.3 0 74.3 9 108.8 36 29-6.9 58.8-10 88.7-10 27 0 54.2 2.9 80.4 9.2 34-26.7 63-35.2 107.8-35.2 9.8 19.5 14.6 30.3 14.6 51.8 0 16.4-2.6 32.7-7.7 48.2 27.5 32.4 39 72.3 39 114.2zm-64.3 50.5c0-43.9-26.7-82.6-73.5-82.6-18.9 0-37 3.4-56 6-14.9 2.3-29.8 3.2-45.1 3.2-15.2 0-30.1-.9-45.1-3.2-18.7-2.6-37-6-56-6-46.8 0-73.5 38.7-73.5 82.6 0 87.8 80.4 101.3 150.4 101.3h48.2c70.3 0 150.6-13.4 150.6-101.3zm-82.6-55.1c-25.8 0-36.7 34.2-36.7 55.1s10.9 55.1 36.7 55.1 36.7-34.2 36.7-55.1-10.9-55.1-36.7-55.1z"/></svg></svg></a> <a href="https://github.com/mochen1942" target="_blank" rel="noopener noreferrer"><svg aria-hidden="true" width="0" height="0" viewBox="0 0 0 0" fill="currentColor" class="icon-stack ov-icon" style="font-size:1.2em;"><!----> <svg aria-hidden="true" width="19.2" height="19.2" viewBox="-43.52 -43.52 599.04 599.04" fill="currentColor" class="icon-sns ov-icon ov-inverse" style="font-size:1.2em;"><path d="M256 8C119.033 8 8 119.033 8 256s111.033 248 248 248 248-111.033 248-248S392.967 8 256 8zm117.134 346.753c-1.592 1.867-39.776 45.731-109.851 45.731-84.692 0-144.484-63.26-144.484-145.567 0-81.303 62.004-143.401 143.762-143.401 66.957 0 101.965 37.315 103.422 38.904a12 12 0 011.238 14.623l-22.38 34.655c-4.049 6.267-12.774 7.351-18.234 2.295-.233-.214-26.529-23.88-61.88-23.88-46.116 0-73.916 33.575-73.916 76.082 0 39.602 25.514 79.692 74.277 79.692 38.697 0 65.28-28.338 65.544-28.625 5.132-5.565 14.059-5.033 18.508 1.053l24.547 33.572a12.001 12.001 0 01-.553 14.866z"/></svg></svg></a><a href="https://github.com/mochen1942" target="_blank" rel="noopener noreferrer"><svg aria-hidden="true" width="0" height="0" viewBox="0 0 0 0" fill="currentColor" class="icon-stack ov-icon" style="font-size:1.2em;"><!----> <svg aria-hidden="true" width="19.2" height="19.2" viewBox="-3.2 -3.2 38.4 38.4" fill="currentColor" class="icon-sns ov-icon ov-inverse" style="font-size:1.2em;"><path d="M31.385 16.995c-.807-1.839-2.344-3.297-4.12-4.198-3.141-1.589-7.042-1.583-10.172.042-2.177 1.115-3.99 3.115-4.505 5.547-.427 1.792-.047 3.719.906 5.281 1.417 2.349 3.974 3.849 6.63 4.328 1.922.391 3.911.161 5.781-.375 1.125.432 2.125 1.135 3.214 1.661a66.909 66.909 0 00-.906-2.807c1.224-.865 2.328-1.948 2.995-3.302.99-1.885 1.052-4.229.177-6.177zM18.156 4.375c-3.328-1.87-7.469-2.151-11.047-.859-2.354.849-4.479 2.422-5.797 4.563C.119 10.011-.329 12.423.249 14.631c.573 2.453 2.281 4.51 4.349 5.885a106.295 106.295 0 00-1.141 3.406c1.297-.677 2.599-1.391 3.901-2.078 1.557.5 3.219.745 4.88.688-.443-1.255-.542-2.62-.339-3.932.297-1.828 1.297-3.5 2.656-4.74 2.302-2.156 5.563-3.063 8.661-2.844-.583-2.844-2.583-5.25-5.099-6.641zm2.313 13.318c-.281.87-1.542 1.13-2.156.469-.672-.609-.411-1.891.474-2.161.979-.411 2.109.714 1.682 1.693zm6.39.125c-.339.781-1.521.964-2.099.359-.281-.255-.359-.641-.458-.974.135-.609.557-1.245 1.24-1.271.938-.13 1.781 1.031 1.297 1.885zm-9.541-8.604c.01 1.281-1.698 2.078-2.656 1.208-1-.714-.714-2.448.453-2.807 1.047-.417 2.286.458 2.203 1.583zm-8.078.322c-.229 1.115-1.719 1.651-2.594.906-1.01-.714-.729-2.484.458-2.844 1.167-.448 2.49.734 2.135 1.938z"/></svg></svg></a><a href="https://github.com/mochen1942" target="_blank" rel="noopener noreferrer"><svg aria-hidden="true" width="0" height="0" viewBox="0 0 0 0" fill="currentColor" class="icon-stack ov-icon" style="font-size:1.2em;"><!----> <svg aria-hidden="true" width="19.2" height="19.2" viewBox="-3.2 -3.2 38.4 38.4" fill="currentColor" class="icon-sns ov-icon ov-inverse" style="font-size:1.2em;"><path d="M29.11 26.278c-.72.087-2.804-3.296-2.804-3.296 0 1.959-1.009 4.515-3.191 6.362 1.052.325 3.428 1.198 2.863 2.151-.457.772-7.844.493-9.977.252-2.133.24-9.52.519-9.977-.252-.565-.953 1.807-1.826 2.861-2.151-2.182-1.846-3.191-4.403-3.191-6.362 0 0-2.083 3.384-2.804 3.296-.335-.041-.776-1.853.584-6.231.641-2.064 1.375-3.78 2.509-6.611C5.792 6.13 8.811.001 15.999.001c7.109.001 10.197 6.008 10.017 13.435 1.132 2.826 1.869 4.553 2.509 6.611 1.361 4.379.92 6.191.584 6.231z"/></svg></svg></a><a href="https://github.com/mochen1942" target="_blank" rel="noopener noreferrer"><svg aria-hidden="true" width="0" height="0" viewBox="0 0 0 0" fill="currentColor" class="icon-stack ov-icon" style="font-size:1.2em;"><!----> <svg aria-hidden="true" width="19.2" height="19.2" viewBox="0 0 24 24" fill="currentColor" class="icon-sns ov-icon ov-inverse" style="font-size:1.2em;"><path fill="none" d="M0 0h24v24H0z"/><path d="M12.344 17.963l-1.688 1.074-2.131-3.35c-.44 1.402-1.172 2.665-2.139 3.825-.402.483-.82.918-1.301 1.375-.155.147-.775.717-.878.82l-1.414-1.414c.139-.139.787-.735.915-.856.43-.408.795-.79 1.142-1.206 1.266-1.518 2.03-3.21 2.137-5.231H3v-2h4V7h-.868c-.689 1.266-1.558 2.222-2.618 2.857L2.486 8.143c1.395-.838 2.425-2.604 3.038-5.36l1.952.434c-.14.633-.303 1.227-.489 1.783H11.5v2H9v4h2.5v2H9.185l3.159 4.963zm3.838-.07L17.298 17H19V7h-4v10h.736l.446.893zM13 5h8v14h-3l-2.5 2-1-2H13V5z"/></svg></svg></a><a href="mailto:2327772505@qq.com" target="_blank" rel="noopener noreferrer"><svg aria-hidden="true" width="0" height="0" viewBox="0 0 0 0" fill="currentColor" class="icon-stack ov-icon" style="font-size:1.2em;"><!----> <svg aria-hidden="true" width="19.2" height="19.2" viewBox="-43.52 -43.52 599.04 599.04" fill="currentColor" class="icon-sns ov-icon ov-inverse" style="font-size:1.2em;"><path d="M502.3 190.8c3.9-3.1 9.7-.2 9.7 4.7V400c0 26.5-21.5 48-48 48H48c-26.5 0-48-21.5-48-48V195.6c0-5 5.7-7.8 9.7-4.7 22.4 17.4 52.1 39.5 154.1 113.6 21.1 15.4 56.7 47.8 92.2 47.6 35.7.3 72-32.8 92.3-47.6 102-74.1 131.6-96.3 154-113.7zM256 320c23.2.4 56.6-29.2 73.4-41.4 132.7-96.3 142.8-104.7 173.4-128.7 5.8-4.5 9.2-11.5 9.2-18.9v-19c0-26.5-21.5-48-48-48H48C21.5 64 0 85.5 0 112v19c0 7.4 3.4 14.3 9.2 18.9 30.6 23.9 40.7 32.4 173.4 128.7 16.8 12.2 50.2 41.8 73.4 41.4z"/></svg></svg></a> <!----></div> <hr data-v-57e42542></div> <nav class="nav-links"><div class="nav-item"><a href="/blog-assets/" class="nav-link ov-parent ov-hover"><svg aria-hidden="true" width="19.2" height="19.2" viewBox="-43.52 -43.52 599.04 599.04" fill="currentColor" class="ov-icon ov-wrench ov-hover" style="font-size:1.2em;"><path d="M489.2 287.9h-27.4c-2.6 0-4.6 2-4.6 4.6v32h-36.6V146.2c0-2.6-2-4.6-4.6-4.6h-27.4c-2.6 0-4.6 2-4.6 4.6v32h-36.6v-32c0-2.6-2-4.6-4.6-4.6h-27.4c-2.6 0-4.6 2-4.6 4.6v32h-36.6v-32c0-6-8-4.6-11.7-4.6v-38c8.3-2 17.1-3.4 25.7-3.4 10.9 0 20.9 4.3 31.4 4.3 4.6 0 27.7-1.1 27.7-8v-60c0-2.6-2-4.6-4.6-4.6-5.1 0-15.1 4.3-24 4.3-9.7 0-20.9-4.3-32.6-4.3-8 0-16 1.1-23.7 2.9v-4.9c5.4-2.6 9.1-8.3 9.1-14.3 0-20.7-31.4-20.8-31.4 0 0 6 3.7 11.7 9.1 14.3v111.7c-3.7 0-11.7-1.4-11.7 4.6v32h-36.6v-32c0-2.6-2-4.6-4.6-4.6h-27.4c-2.6 0-4.6 2-4.6 4.6v32H128v-32c0-2.6-2-4.6-4.6-4.6H96c-2.6 0-4.6 2-4.6 4.6v178.3H54.8v-32c0-2.6-2-4.6-4.6-4.6H22.8c-2.6 0-4.6 2-4.6 4.6V512h182.9v-96c0-72.6 109.7-72.6 109.7 0v96h182.9V292.5c.1-2.6-1.9-4.6-4.5-4.6zm-288.1-4.5c0 2.6-2 4.6-4.6 4.6h-27.4c-2.6 0-4.6-2-4.6-4.6v-64c0-2.6 2-4.6 4.6-4.6h27.4c2.6 0 4.6 2 4.6 4.6v64zm146.4 0c0 2.6-2 4.6-4.6 4.6h-27.4c-2.6 0-4.6-2-4.6-4.6v-64c0-2.6 2-4.6 4.6-4.6h27.4c2.6 0 4.6 2 4.6 4.6v64z"/></svg>
  首页
</a></div><div class="nav-item"><a href="/blog-assets/tags/" class="nav-link ov-parent ov-hover"><svg aria-hidden="true" width="19.2" height="19.2" viewBox="-43.52 -43.52 599.04 599.04" fill="currentColor" class="ov-icon ov-wrench ov-hover" style="font-size:1.2em;"><path d="M0 252.118V48C0 21.49 21.49 0 48 0h204.118a48 48 0 0133.941 14.059l211.882 211.882c18.745 18.745 18.745 49.137 0 67.882L293.823 497.941c-18.745 18.745-49.137 18.745-67.882 0L14.059 286.059A48 48 0 010 252.118zM112 64c-26.51 0-48 21.49-48 48s21.49 48 48 48 48-21.49 48-48-21.49-48-48-48z"/></svg>
  标签
</a></div><div class="nav-item"><a href="/blog-assets/links/" class="nav-link ov-parent ov-hover"><svg aria-hidden="true" width="19.2" height="19.2" viewBox="-43.52 -43.52 599.04 599.04" fill="currentColor" class="ov-icon ov-wrench ov-hover" style="font-size:1.2em;"><path d="M305.45 462.59c7.391 7.298 6.188 20.097-3 25.004-77.714 41.802-176.726 29.91-242.344-35.709-65.602-65.603-77.51-164.523-35.692-242.331 4.891-9.095 17.69-10.298 25.003-3l116.812 116.813 27.394-27.394c-.688-2.61-1.594-5.001-1.594-7.814a32.004 32.004 0 1132.004 32.005c-2.797 0-5.204-.891-7.798-1.594l-27.41 27.41zm206.526-159.523a16.103 16.103 0 01-16.002 17.003H463.86a15.97 15.97 0 01-15.892-15.002C440.467 175.549 336.453 70.534 207.03 63.533a15.845 15.845 0 01-15.002-15.908V16.027A16.094 16.094 0 01209.03.024C372.255 8.62 503.475 139.841 511.976 303.067zm-96.012-.297a16.21 16.21 0 01-16.112 17.3h-32.207a16.069 16.069 0 01-15.893-14.705c-6.907-77.011-68.118-138.91-144.924-145.224a15.94 15.94 0 01-14.8-15.893v-32.114a16.134 16.134 0 0117.3-16.096c110.123 8.501 198.228 96.607 206.636 206.732z"/></svg>
  链接
</a></div><div class="nav-item"><a href="/blog-assets/docs/" class="nav-link ov-parent ov-hover router-link-active"><svg aria-hidden="true" width="19.2" height="19.2" viewBox="0 0 24 24" fill="currentColor" class="ov-icon ov-wrench ov-hover" style="font-size:1.2em;"><path fill="none" d="M0 0h24v24H0z"/><path d="M21 18H6a1 1 0 000 2h15v2H6a3 3 0 01-3-3V4a2 2 0 012-2h16v16zm-5-9V7H8v2h8z"/></svg>
  文档
</a></div><div class="nav-item"><a href="https://github.com/mochen1942" target="_blank" rel="noopener noreferrer" class="nav-link external ov-parent ov-hover"><svg aria-hidden="true" width="19.2" height="19.2" viewBox="0 0 512 512" fill="currentColor" class="ov-icon ov-wrench ov-hover" style="font-size:1.2em;"><path d="M256 32C132.3 32 32 134.9 32 261.7c0 101.5 64.2 187.5 153.2 217.9a17.56 17.56 0 003.8.4c8.3 0 11.5-6.1 11.5-11.4 0-5.5-.2-19.9-.3-39.1a102.4 102.4 0 01-22.6 2.7c-43.1 0-52.9-33.5-52.9-33.5-10.2-26.5-24.9-33.6-24.9-33.6-19.5-13.7-.1-14.1 1.4-14.1h.1c22.5 2 34.3 23.8 34.3 23.8 11.2 19.6 26.2 25.1 39.6 25.1a63 63 0 0025.6-6c2-14.8 7.8-24.9 14.2-30.7-49.7-5.8-102-25.5-102-113.5 0-25.1 8.7-45.6 23-61.6-2.3-5.8-10-29.2 2.2-60.8a18.64 18.64 0 015-.5c8.1 0 26.4 3.1 56.6 24.1a208.21 208.21 0 01112.2 0c30.2-21 48.5-24.1 56.6-24.1a18.64 18.64 0 015 .5c12.2 31.6 4.5 55 2.2 60.8 14.3 16.1 23 36.6 23 61.6 0 88.2-52.4 107.6-102.3 113.3 8 7.1 15.2 21.1 15.2 42.5 0 30.7-.3 55.5-.3 63 0 5.4 3.1 11.5 11.4 11.5a19.35 19.35 0 004-.4C415.9 449.2 480 363.1 480 261.7 480 134.9 379.7 32 256 32z"/></svg>
  仓库地址
</a></div> <div class="nav-item"><a class="nav-link ov-parent ov-hover" style="cursor: pointer"><svg aria-hidden="true" width="19.2" height="19.2" viewBox="0 0 24 24" fill="currentColor" class="ov-icon ov-wrench ov-hover" style="font-size:1.2em;"><path fill="none" d="M0 0h24v24H0z"/><path d="M11 2c4.968 0 9 4.032 9 9s-4.032 9-9 9-9-4.032-9-9 4.032-9 9-9zm0 16c3.867 0 7-3.133 7-7 0-3.868-3.133-7-7-7-3.868 0-7 3.132-7 7 0 3.867 3.132 7 7 7zm8.485.071l2.829 2.828-1.415 1.415-2.828-2.829 1.414-1.414z"/></svg>
      搜索
    </a></div></nav> <ul class="sidebar-links"><li class="sidebar-header"><section class="sidebar-group depth-0"><p class="sidebar-heading"><span>基础</span> <!----></p> <ul class="sidebar-links sidebar-group-items"><li class="sidebar-header"><a href="/blog-assets/docs/" aria-current="page" class="sidebar-link">服务端配置</a></li><li class="sidebar-header"><a href="/blog-assets/docs/basic/installation.html" class="sidebar-link">Installation</a></li></ul></section></li><li class="sidebar-header"><section class="sidebar-group depth-0"><p class="sidebar-heading open"><span>进阶</span> <!----></p> <ul class="sidebar-links sidebar-group-items"><li class="sidebar-header"><a href="/blog-assets/docs/advanced/features.html" aria-current="page" class="active sidebar-link">More Features</a><ul class="sidebar-sub-headers"><li class="sidebar-sub-header"><a href="/blog-assets/docs/advanced/features.html#comment" class="sidebar-link">Comment</a></li><li class="sidebar-sub-header"><a href="/blog-assets/docs/advanced/features.html#site-analytics" class="sidebar-link">Site Analytics</a><ul class="sidebar-sub-headers"><li class="sidebar-sub-header"><a href="/blog-assets/docs/advanced/features.html#google-analytics" class="sidebar-link">Google Analytics</a></li><li class="sidebar-sub-header"><a href="/blog-assets/docs/advanced/features.html#baidu-tongji" class="sidebar-link">Baidu Tongji</a></li></ul></li><li class="sidebar-sub-header"><a href="/blog-assets/docs/advanced/features.html#rss" class="sidebar-link">RSS</a></li><li class="sidebar-sub-header"><a href="/blog-assets/docs/advanced/features.html#reading-time" class="sidebar-link">Reading Time</a></li><li class="sidebar-sub-header"><a href="/blog-assets/docs/advanced/features.html#hitokoto" class="sidebar-link">Hitokoto</a></li><li class="sidebar-sub-header"><a href="/blog-assets/docs/advanced/features.html#math-rendering" class="sidebar-link">Math Rendering</a></li><li class="sidebar-sub-header"><a href="/blog-assets/docs/advanced/features.html#charts" class="sidebar-link">Charts</a><ul class="sidebar-sub-headers"><li class="sidebar-sub-header"><a href="/blog-assets/docs/advanced/features.html#chart-js" class="sidebar-link">Chart.js</a></li><li class="sidebar-sub-header"><a href="/blog-assets/docs/advanced/features.html#mermaid" class="sidebar-link">Mermaid</a></li><li class="sidebar-sub-header"><a href="/blog-assets/docs/advanced/features.html#roughviz-js" class="sidebar-link">roughViz.js</a></li><li class="sidebar-sub-header"><a href="/blog-assets/docs/advanced/features.html#markmap" class="sidebar-link">markmap</a></li></ul></li><li class="sidebar-sub-header"><a href="/blog-assets/docs/advanced/features.html#markdown-enhancements" class="sidebar-link">Markdown Enhancements</a><ul class="sidebar-sub-headers"><li class="sidebar-sub-header"><a href="/blog-assets/docs/advanced/features.html#footnote" class="sidebar-link">Footnote</a></li><li class="sidebar-sub-header"><a href="/blog-assets/docs/advanced/features.html#mark" class="sidebar-link">Mark</a></li></ul></li></ul></li></ul></section></li></ul> </aside> <div class="content" data-v-57e42542><main class="page"><div class="doc-header" data-v-7d40f932> <div class="header-content" data-v-7d40f932><!----> <h1 class="title" data-v-7d40f932>
      More Features
    </h1> <!----> <div class="icons" data-v-7d40f932><div class="icon" data-v-7d40f932><svg aria-hidden="true" width="19.2" height="19.2" viewBox="-75.52 -43.52 599.04 599.04" fill="currentColor" class="ov-icon" style="font-size:1.2em;" data-v-7d40f932><path d="M313.6 304c-28.7 0-42.5 16-89.6 16-47.1 0-60.8-16-89.6-16C60.2 304 0 364.2 0 438.4V464c0 26.5 21.5 48 48 48h352c26.5 0 48-21.5 48-48v-25.6c0-74.2-60.2-134.4-134.4-134.4zM400 464H48v-25.6c0-47.6 38.8-86.4 86.4-86.4 14.6 0 38.3 16 89.6 16 51.7 0 74.9-16 89.6-16 47.6 0 86.4 38.8 86.4 86.4V464zM224 288c79.5 0 144-64.5 144-144S303.5 0 224 0 80 64.5 80 144s64.5 144 144 144zm0-240c52.9 0 96 43.1 96 96s-43.1 96-96 96-96-43.1-96-96 43.1-96 96-96z"/></svg> <span data-v-7d40f932>墨陈</span></div> <div class="icon" data-v-7d40f932><svg aria-hidden="true" width="19.2" height="19.2" viewBox="-75.52 -43.52 599.04 599.04" fill="currentColor" class="ov-icon" style="font-size:1.2em;" data-v-7d40f932><path d="M400 64h-48V12c0-6.6-5.4-12-12-12h-40c-6.6 0-12 5.4-12 12v52H160V12c0-6.6-5.4-12-12-12h-40c-6.6 0-12 5.4-12 12v52H48C21.5 64 0 85.5 0 112v352c0 26.5 21.5 48 48 48h352c26.5 0 48-21.5 48-48V112c0-26.5-21.5-48-48-48zm-6 400H54c-3.3 0-6-2.7-6-6V160h352v298c0 3.3-2.7 6-6 6z"/></svg> <span data-v-7d40f932>2021-03-26</span></div> <div class="icon" data-v-7d40f932><svg aria-hidden="true" width="19.2" height="19.2" viewBox="0 0 24 24" fill="currentColor" class="ov-icon" style="font-size:1.2em;" data-v-7d40f932><path fill="none" d="M0 0h24v24H0z"/><path d="M17.618 5.968l1.453-1.453 1.414 1.414-1.453 1.453a9 9 0 11-1.414-1.414zM12 20a7 7 0 100-14 7 7 0 000 14zM11 8h2v6h-2V8zM8 1h8v2H8V1z"/></svg> <span data-v-7d40f932>8 min</span></div></div></div></div> <div class="theme-content content__default"><p>All of the features mentioned in this page are disabled by default (except reading time). You should enable the features you want to use in <code>.vuepress/config.js</code> following the instructions on this page.</p> <div class="custom-block info"><p class="custom-block-title">INFO</p> <p>Code related to the disabled features will not be included in your site's bundle files.</p></div> <h2 id="comment"><a href="#comment" class="header-anchor">#</a> Comment</h2> <p><a href="https://vssue.js.org/" target="_blank" rel="noopener noreferrer">Vssue</a> is supported as the third party comment system. Vssue works by storing comments of your static pages on the issue system of code hosting platforms like Github, Gitlab, Bitbucket, Gitee and Gitea.</p> <p>A simple configuration for a Github-based comment system is:</p> <div class="language-js extra-class"><pre class="language-js"><code><span class="token literal-property property">themeConfig</span><span class="token operator">:</span> <span class="token punctuation">{</span>
  <span class="token literal-property property">comment</span><span class="token operator">:</span> <span class="token punctuation">{</span>
    <span class="token literal-property property">platform</span><span class="token operator">:</span> <span class="token string">&quot;github&quot;</span><span class="token punctuation">,</span>
    <span class="token literal-property property">repo</span><span class="token operator">:</span> <span class="token string">&quot;gitalk-comments&quot;</span><span class="token punctuation">,</span>  <span class="token comment">// Name of the Github repo for storing comments</span>
    <span class="token literal-property property">owner</span><span class="token operator">:</span> <span class="token string">&quot;This-is-an-Apple&quot;</span><span class="token punctuation">,</span>  <span class="token comment">// Owner of the above mentioned repo</span>
    <span class="token literal-property property">clientId</span><span class="token operator">:</span> <span class="token string">&quot;your-client-id&quot;</span><span class="token punctuation">,</span>  <span class="token comment">// OAuth App Client ID</span>
    <span class="token literal-property property">clientSecret</span><span class="token operator">:</span> <span class="token string">&quot;client-secret&quot;</span>  <span class="token comment">// OAuth App Client Secret</span>
  <span class="token punctuation">}</span>
<span class="token punctuation">}</span>
</code></pre></div><p>If <code>platform</code> is not specified, then <code>github</code> will be used by default. If you prefer to another platform, its corresponding <a href="https://vssue.js.org/guide/supported-platforms.html" target="_blank" rel="noopener noreferrer">api package</a> should be installed manually.</p> <p>Refer to the <a href="https://vssue.js.org/guide/" target="_blank" rel="noopener noreferrer">documentation of Vssue</a> for more information.</p> <h2 id="site-analytics"><a href="#site-analytics" class="header-anchor">#</a> Site Analytics</h2> <p>Now Google Analytics (via <a href="https://vuepress.vuejs.org/plugin/official/plugin-google-analytics.html" target="_blank" rel="noopener noreferrer">plugin-google-analytics</a>) and Baidu Tongji (via <a href="/blog-assets/docs/plugins/baidu-tongji/">plugin-baidu-tongji</a>) are supported.</p> <h3 id="google-analytics"><a href="#google-analytics" class="header-anchor">#</a> Google Analytics</h3> <p>Paste the tracking code offered by <a href="https://www.google.com/analytics/" target="_blank" rel="noopener noreferrer">Google Analytics</a> here:</p> <div class="language-js extra-class"><pre class="language-js"><code><span class="token literal-property property">themeConfig</span><span class="token operator">:</span> <span class="token punctuation">{</span>
  <span class="token literal-property property">analytics</span><span class="token operator">:</span> <span class="token punctuation">{</span>
    <span class="token literal-property property">ga</span><span class="token operator">:</span> <span class="token string">&quot;your-tracking-code&quot;</span>
  <span class="token punctuation">}</span>
<span class="token punctuation">}</span>
</code></pre></div><h3 id="baidu-tongji"><a href="#baidu-tongji" class="header-anchor">#</a> Baidu Tongji</h3> <p>Paste the tracking code offered by <a href="https://tongji.baidu.com/web/welcome/login" target="_blank" rel="noopener noreferrer">Baidu Tongji</a> here:</p> <div class="language-js extra-class"><pre class="language-js"><code><span class="token literal-property property">themeConfig</span><span class="token operator">:</span> <span class="token punctuation">{</span>
  <span class="token literal-property property">analytics</span><span class="token operator">:</span> <span class="token punctuation">{</span>
    <span class="token literal-property property">ba</span><span class="token operator">:</span> <span class="token string">&quot;your-tracking-code&quot;</span>
  <span class="token punctuation">}</span>
<span class="token punctuation">}</span>
</code></pre></div><h2 id="rss"><a href="#rss" class="header-anchor">#</a> RSS</h2> <p><a href="/blog-assets/docs/plugins/rss/">plugin-rss</a> is used to generate the RSS file <code>./rss.xml</code> automatically. It can be cofigurated by:</p> <div class="language-js extra-class"><pre class="language-js"><code><span class="token literal-property property">themeConfig</span><span class="token operator">:</span> <span class="token punctuation">{</span>
  <span class="token literal-property property">rss</span><span class="token operator">:</span> <span class="token punctuation">{</span>
    <span class="token literal-property property">site_url</span><span class="token operator">:</span> <span class="token string">&quot;https://zxh.io&quot;</span><span class="token punctuation">,</span>  <span class="token comment">// Site URL (required)</span>
    <span class="token literal-property property">copyright</span><span class="token operator">:</span> <span class="token string">&quot;Renovamen 2018-2021&quot;</span><span class="token punctuation">,</span>  <span class="token comment">// Copyright (optional)</span>
    <span class="token literal-property property">count</span><span class="token operator">:</span> <span class="token number">20</span><span class="token punctuation">,</span>  <span class="token comment">// How many articles to be shown on RSS (optional)</span>
    <span class="token function-variable function">filter</span><span class="token operator">:</span> <span class="token punctuation">(</span><span class="token parameter">frontmatter</span><span class="token punctuation">)</span> <span class="token operator">=&gt;</span> <span class="token punctuation">{</span> <span class="token keyword">return</span> <span class="token punctuation">[</span><span class="token boolean">true</span><span class="token operator">|</span><span class="token boolean">false</span><span class="token punctuation">]</span> <span class="token punctuation">}</span><span class="token punctuation">,</span>  <span class="token comment">// Post filter (optional)</span>
  <span class="token punctuation">}</span>
<span class="token punctuation">}</span>
</code></pre></div><p>Check <a href="/rss.xml">RSS file of this site</a> for an example.</p> <h2 id="reading-time"><a href="#reading-time" class="header-anchor">#</a> Reading Time</h2> <p>The reading time estimation will be shown on the head of the article by default, supported by <a href="/blog-assets/docs/plugins/reading-time/">plugin-reading-time</a>.</p> <div class="language-js extra-class"><pre class="language-js"><code><span class="token literal-property property">themeConfig</span><span class="token operator">:</span> <span class="token punctuation">{</span>
  <span class="token literal-property property">readingTime</span><span class="token operator">:</span> <span class="token punctuation">{</span>
    <span class="token literal-property property">excludes</span><span class="token operator">:</span> <span class="token punctuation">[</span><span class="token string">'/url1'</span><span class="token punctuation">,</span> <span class="token string">'/url2/.*'</span><span class="token punctuation">]</span><span class="token punctuation">,</span>  <span class="token comment">// Paths of exclude pages (default: [&quot;/tags/.*&quot;, &quot;/links&quot;])</span>
    <span class="token literal-property property">wordsPerMinuteCN</span><span class="token operator">:</span> <span class="token number">500</span><span class="token punctuation">,</span>  <span class="token comment">// Number of Chinese words per minute a user can read (default: 300)</span>
    <span class="token literal-property property">wordsPerMinuteEN</span><span class="token operator">:</span> <span class="token number">200</span><span class="token punctuation">,</span>  <span class="token comment">// Number of English words per minute a user can read (default: 160)</span>
    <span class="token literal-property property">excludeCodeBlock</span><span class="token operator">:</span> <span class="token boolean">true</span><span class="token punctuation">,</span>  <span class="token comment">// Exclude all content inside code blocks or not (default: false)</span>
    <span class="token literal-property property">excludeTexBlock</span><span class="token operator">:</span> <span class="token boolean">true</span>    <span class="token comment">// Exclude all content inside tex blocks or not (default: false)</span>
  <span class="token punctuation">}</span>
<span class="token punctuation">}</span>
</code></pre></div><p>You can override reading time in the <code>frontmatter</code> of each post by:</p> <div class="language-yaml extra-class"><pre class="language-yaml"><code><span class="token key atrule">title</span><span class="token punctuation">:</span> Hello Word
<span class="token key atrule">readingTime</span><span class="token punctuation">:</span> <span class="token punctuation">{</span> <span class="token key atrule">minutes</span><span class="token punctuation">:</span> <span class="token number">3</span> <span class="token punctuation">}</span>
</code></pre></div><p>Or if you don't want this feature:</p> <div class="language-js extra-class"><pre class="language-js"><code><span class="token literal-property property">themeConfig</span><span class="token operator">:</span> <span class="token punctuation">{</span>
  <span class="token literal-property property">readingTime</span><span class="token operator">:</span> <span class="token boolean">false</span>
<span class="token punctuation">}</span>
</code></pre></div><h2 id="hitokoto"><a href="#hitokoto" class="header-anchor">#</a> Hitokoto</h2> <div class="language-js extra-class"><pre class="language-js"><code><span class="token literal-property property">themeConfig</span><span class="token operator">:</span> <span class="token punctuation">{</span>
  <span class="token literal-property property">hitokoto</span><span class="token operator">:</span> <span class="token boolean">true</span>
<span class="token punctuation">}</span>
</code></pre></div><p>A Hitokoto bubble will appear on the home page when <code>hitokoto</code> is set to <code>true</code> and your mouse cursor is hovered over the avatar:</p> <p><img src="/img/docs/hitokoto-bubble.jpg" alt="hitokoto"></p> <h2 id="math-rendering"><a href="#math-rendering" class="header-anchor">#</a> Math Rendering</h2> <p>Enable KaTeX to render mathematical formulas in articles (supported by <a href="/blog-assets/docs/plugins/katex/">plugin-katex</a>):</p> <div class="language-js extra-class"><pre class="language-js"><code><span class="token literal-property property">themeConfig</span><span class="token operator">:</span> <span class="token punctuation">{</span>
  <span class="token literal-property property">katex</span><span class="token operator">:</span> <span class="token boolean">true</span>
<span class="token punctuation">}</span>
</code></pre></div><p><strong>Example:</strong></p> <p>Inline math: E = mc^2</p> <p>Display math:</p> <p><span class="katex-display"><span class="katex"><span class="katex-mathml"><math xmlns="http://www.w3.org/1998/Math/MathML" display="block"><semantics><mrow><mi>i</mi><mi mathvariant="normal">ℏ</mi><mfrac><mrow><mi mathvariant="normal">∂</mi><mi>ψ</mi></mrow><mrow><mi mathvariant="normal">∂</mi><mi>t</mi></mrow></mfrac><mo>=</mo><mfrac><mrow><mo>−</mo><msup><mi mathvariant="normal">ℏ</mi><mn>2</mn></msup></mrow><mrow><mn>2</mn><mi>m</mi></mrow></mfrac><mo stretchy="false">(</mo><mfrac><msup><mi mathvariant="normal">∂</mi><mn>2</mn></msup><mrow><mi mathvariant="normal">∂</mi><msup><mi>x</mi><mn>2</mn></msup></mrow></mfrac><mo>+</mo><mfrac><msup><mi mathvariant="normal">∂</mi><mn>2</mn></msup><mrow><mi mathvariant="normal">∂</mi><msup><mi>y</mi><mn>2</mn></msup></mrow></mfrac><mo>+</mo><mfrac><msup><mi mathvariant="normal">∂</mi><mn>2</mn></msup><mrow><mi mathvariant="normal">∂</mi><msup><mi>z</mi><mn>2</mn></msup></mrow></mfrac><mo stretchy="false">)</mo><mi>ψ</mi><mo>+</mo><mi>V</mi><mi>ψ</mi><mi mathvariant="normal">.</mi></mrow><annotation encoding="application/x-tex">i\hbar\frac{\partial \psi}{\partial t} = \frac{-\hbar^2}{2m} ( \frac{\partial^2}{\partial x^2} + \frac{\partial^2}{\partial y^2} + \frac{\partial^2}{\partial z^2} ) \psi + V \psi.
</annotation></semantics></math></span><span aria-hidden="true" class="katex-html"><span class="base"><span class="strut" style="height:2.0574em;vertical-align:-0.686em;"></span><span class="mord mathnormal">i</span><span class="mord">ℏ</span><span class="mord"><span class="mopen nulldelimiter"></span><span class="mfrac"><span class="vlist-t vlist-t2"><span class="vlist-r"><span class="vlist" style="height:1.3714em;"><span style="top:-2.314em;"><span class="pstrut" style="height:3em;"></span><span class="mord"><span class="mord" style="margin-right:0.05556em;">∂</span><span class="mord mathnormal">t</span></span></span><span style="top:-3.23em;"><span class="pstrut" style="height:3em;"></span><span class="frac-line" style="border-bottom-width:0.04em;"></span></span><span style="top:-3.677em;"><span class="pstrut" style="height:3em;"></span><span class="mord"><span class="mord" style="margin-right:0.05556em;">∂</span><span class="mord mathnormal" style="margin-right:0.03588em;">ψ</span></span></span></span><span class="vlist-s">​</span></span><span class="vlist-r"><span class="vlist" style="height:0.686em;"><span></span></span></span></span></span><span class="mclose nulldelimiter"></span></span><span class="mspace" style="margin-right:0.2778em;"></span><span class="mrel">=</span><span class="mspace" style="margin-right:0.2778em;"></span></span><span class="base"><span class="strut" style="height:2.1771em;vertical-align:-0.686em;"></span><span class="mord"><span class="mopen nulldelimiter"></span><span class="mfrac"><span class="vlist-t vlist-t2"><span class="vlist-r"><span class="vlist" style="height:1.4911em;"><span style="top:-2.314em;"><span class="pstrut" style="height:3em;"></span><span class="mord"><span class="mord">2</span><span class="mord mathnormal">m</span></span></span><span style="top:-3.23em;"><span class="pstrut" style="height:3em;"></span><span class="frac-line" style="border-bottom-width:0.04em;"></span></span><span style="top:-3.677em;"><span class="pstrut" style="height:3em;"></span><span class="mord"><span class="mord">−</span><span class="mord"><span class="mord">ℏ</span><span class="msupsub"><span class="vlist-t"><span class="vlist-r"><span class="vlist" style="height:0.8141em;"><span style="top:-3.063em;margin-right:0.05em;"><span class="pstrut" style="height:2.7em;"></span><span class="sizing reset-size6 size3 mtight"><span class="mord mtight">2</span></span></span></span></span></span></span></span></span></span></span><span class="vlist-s">​</span></span><span class="vlist-r"><span class="vlist" style="height:0.686em;"><span></span></span></span></span></span><span class="mclose nulldelimiter"></span></span><span class="mopen">(</span><span class="mord"><span class="mopen nulldelimiter"></span><span class="mfrac"><span class="vlist-t vlist-t2"><span class="vlist-r"><span class="vlist" style="height:1.4911em;"><span style="top:-2.314em;"><span class="pstrut" style="height:3em;"></span><span class="mord"><span class="mord" style="margin-right:0.05556em;">∂</span><span class="mord"><span class="mord mathnormal">x</span><span class="msupsub"><span class="vlist-t"><span class="vlist-r"><span class="vlist" style="height:0.7401em;"><span style="top:-2.989em;margin-right:0.05em;"><span class="pstrut" style="height:2.7em;"></span><span class="sizing reset-size6 size3 mtight"><span class="mord mtight">2</span></span></span></span></span></span></span></span></span></span><span style="top:-3.23em;"><span class="pstrut" style="height:3em;"></span><span class="frac-line" style="border-bottom-width:0.04em;"></span></span><span style="top:-3.677em;"><span class="pstrut" style="height:3em;"></span><span class="mord"><span class="mord"><span class="mord" style="margin-right:0.05556em;">∂</span><span class="msupsub"><span class="vlist-t"><span class="vlist-r"><span class="vlist" style="height:0.8141em;"><span style="top:-3.063em;margin-right:0.05em;"><span class="pstrut" style="height:2.7em;"></span><span class="sizing reset-size6 size3 mtight"><span class="mord mtight">2</span></span></span></span></span></span></span></span></span></span></span><span class="vlist-s">​</span></span><span class="vlist-r"><span class="vlist" style="height:0.686em;"><span></span></span></span></span></span><span class="mclose nulldelimiter"></span></span><span class="mspace" style="margin-right:0.2222em;"></span><span class="mbin">+</span><span class="mspace" style="margin-right:0.2222em;"></span></span><span class="base"><span class="strut" style="height:2.3715em;vertical-align:-0.8804em;"></span><span class="mord"><span class="mopen nulldelimiter"></span><span class="mfrac"><span class="vlist-t vlist-t2"><span class="vlist-r"><span class="vlist" style="height:1.4911em;"><span style="top:-2.314em;"><span class="pstrut" style="height:3em;"></span><span class="mord"><span class="mord" style="margin-right:0.05556em;">∂</span><span class="mord"><span class="mord mathnormal" style="margin-right:0.03588em;">y</span><span class="msupsub"><span class="vlist-t"><span class="vlist-r"><span class="vlist" style="height:0.7401em;"><span style="top:-2.989em;margin-right:0.05em;"><span class="pstrut" style="height:2.7em;"></span><span class="sizing reset-size6 size3 mtight"><span class="mord mtight">2</span></span></span></span></span></span></span></span></span></span><span style="top:-3.23em;"><span class="pstrut" style="height:3em;"></span><span class="frac-line" style="border-bottom-width:0.04em;"></span></span><span style="top:-3.677em;"><span class="pstrut" style="height:3em;"></span><span class="mord"><span class="mord"><span class="mord" style="margin-right:0.05556em;">∂</span><span class="msupsub"><span class="vlist-t"><span class="vlist-r"><span class="vlist" style="height:0.8141em;"><span style="top:-3.063em;margin-right:0.05em;"><span class="pstrut" style="height:2.7em;"></span><span class="sizing reset-size6 size3 mtight"><span class="mord mtight">2</span></span></span></span></span></span></span></span></span></span></span><span class="vlist-s">​</span></span><span class="vlist-r"><span class="vlist" style="height:0.8804em;"><span></span></span></span></span></span><span class="mclose nulldelimiter"></span></span><span class="mspace" style="margin-right:0.2222em;"></span><span class="mbin">+</span><span class="mspace" style="margin-right:0.2222em;"></span></span><span class="base"><span class="strut" style="height:2.1771em;vertical-align:-0.686em;"></span><span class="mord"><span class="mopen nulldelimiter"></span><span class="mfrac"><span class="vlist-t vlist-t2"><span class="vlist-r"><span class="vlist" style="height:1.4911em;"><span style="top:-2.314em;"><span class="pstrut" style="height:3em;"></span><span class="mord"><span class="mord" style="margin-right:0.05556em;">∂</span><span class="mord"><span class="mord mathnormal" style="margin-right:0.04398em;">z</span><span class="msupsub"><span class="vlist-t"><span class="vlist-r"><span class="vlist" style="height:0.7401em;"><span style="top:-2.989em;margin-right:0.05em;"><span class="pstrut" style="height:2.7em;"></span><span class="sizing reset-size6 size3 mtight"><span class="mord mtight">2</span></span></span></span></span></span></span></span></span></span><span style="top:-3.23em;"><span class="pstrut" style="height:3em;"></span><span class="frac-line" style="border-bottom-width:0.04em;"></span></span><span style="top:-3.677em;"><span class="pstrut" style="height:3em;"></span><span class="mord"><span class="mord"><span class="mord" style="margin-right:0.05556em;">∂</span><span class="msupsub"><span class="vlist-t"><span class="vlist-r"><span class="vlist" style="height:0.8141em;"><span style="top:-3.063em;margin-right:0.05em;"><span class="pstrut" style="height:2.7em;"></span><span class="sizing reset-size6 size3 mtight"><span class="mord mtight">2</span></span></span></span></span></span></span></span></span></span></span><span class="vlist-s">​</span></span><span class="vlist-r"><span class="vlist" style="height:0.686em;"><span></span></span></span></span></span><span class="mclose nulldelimiter"></span></span><span class="mclose">)</span><span class="mord mathnormal" style="margin-right:0.03588em;">ψ</span><span class="mspace" style="margin-right:0.2222em;"></span><span class="mbin">+</span><span class="mspace" style="margin-right:0.2222em;"></span></span><span class="base"><span class="strut" style="height:0.8889em;vertical-align:-0.1944em;"></span><span class="mord mathnormal" style="margin-right:0.22222em;">V</span><span class="mord mathnormal" style="margin-right:0.03588em;">ψ</span><span class="mord">.</span></span></span></span></span></p> <details class="custom-block details"><summary>Code</summary> <div class="language- extra-class"><pre class="language-text"><code>Inline math: E = mc^2

Display math:

$$
i\hbar\frac{\partial \psi}{\partial t} = \frac{-\hbar^2}{2m} ( \frac{\partial^2}{\partial x^2} + \frac{\partial^2}{\partial y^2} + \frac{\partial^2}{\partial z^2} ) \psi + V \psi.
$$
</code></pre></div></details> <p><a href="https://katex.org/docs/supported.html" target="_blank" rel="noopener noreferrer">Here</a> is a list of TeX functions supported by KaTeX.</p> <h2 id="charts"><a href="#charts" class="header-anchor">#</a> Charts</h2> <p>Create interactive charts in Markdown easily.</p> <h3 id="chart-js"><a href="#chart-js" class="header-anchor">#</a> Chart.js</h3> <p>Use JavaScript charting library <a href="https://www.chartjs.org" target="_blank" rel="noopener noreferrer">Chart.js</a> in Markdown via <a href="/blog-assets/docs/plugins/chart/">plugin-chart</a>:</p> <div class="language-js extra-class"><pre class="language-js"><code><span class="token literal-property property">themeConfig</span><span class="token operator">:</span> <span class="token punctuation">{</span>
  <span class="token literal-property property">chartjs</span><span class="token operator">:</span> <span class="token boolean">true</span>
<span class="token punctuation">}</span>
</code></pre></div><p>The token info of the code block should be <code>chart</code>, for example:</p> <div class="vuepress-chartjs"><canvas id="chart_64a5709c" height="400"></canvas></div><details class="custom-block details"><summary>Code</summary> <div class="language-json extra-class"><pre class="language-json"><code>```chart
<span class="token punctuation">{</span>
  <span class="token property">&quot;type&quot;</span><span class="token operator">:</span> <span class="token string">&quot;doughnut&quot;</span><span class="token punctuation">,</span>
  <span class="token property">&quot;data&quot;</span><span class="token operator">:</span> <span class="token punctuation">{</span>
    <span class="token property">&quot;datasets&quot;</span><span class="token operator">:</span> <span class="token punctuation">[</span><span class="token punctuation">{</span>
      <span class="token property">&quot;data&quot;</span><span class="token operator">:</span> <span class="token punctuation">[</span><span class="token number">10</span><span class="token punctuation">,</span> <span class="token number">20</span><span class="token punctuation">,</span> <span class="token number">30</span><span class="token punctuation">]</span><span class="token punctuation">,</span>
      <span class="token property">&quot;backgroundColor&quot;</span><span class="token operator">:</span> <span class="token punctuation">[</span>
        <span class="token string">&quot;rgba(255, 99, 132)&quot;</span><span class="token punctuation">,</span>
        <span class="token string">&quot;rgba(255, 206, 86)&quot;</span><span class="token punctuation">,</span>
        <span class="token string">&quot;rgba(54, 162, 235)&quot;</span>
      <span class="token punctuation">]</span>
    <span class="token punctuation">}</span><span class="token punctuation">]</span><span class="token punctuation">,</span>
    <span class="token property">&quot;labels&quot;</span><span class="token operator">:</span> <span class="token punctuation">[</span><span class="token string">&quot;Red&quot;</span><span class="token punctuation">,</span> <span class="token string">&quot;Yellow&quot;</span><span class="token punctuation">,</span> <span class="token string">&quot;Blue&quot;</span><span class="token punctuation">]</span>
  <span class="token punctuation">}</span>
<span class="token punctuation">}</span>
```
</code></pre></div></details> <div class="custom-block danger"><p class="custom-block-title">WARNING</p> <p>The <strong>key</strong> should be in quotes, or some unexpected errors will occured.</p></div> <p>Refer to the <a href="https://www.chartjs.org/docs/latest/" target="_blank" rel="noopener noreferrer">documentation of Chart.js</a> for more information.</p> <h3 id="mermaid"><a href="#mermaid" class="header-anchor">#</a> Mermaid</h3> <p>Use <a href="https://mermaid-js.github.io" target="_blank" rel="noopener noreferrer">Mermaid</a> via <a href="/blog-assets/docs/plugins/mermaid/">plugin-mermaid</a> to create complex diagrams in Markdown:</p> <div class="language-js extra-class"><pre class="language-js"><code><span class="token literal-property property">themeConfig</span><span class="token operator">:</span> <span class="token punctuation">{</span>
  <span class="token literal-property property">mermaid</span><span class="token operator">:</span> <span class="token boolean">true</span>
<span class="token punctuation">}</span>
</code></pre></div><p>The token info of the code block should be <code>mermaid</code>, for example:</p> <div class="language-mermaid extra-class"><pre class="language-mermaid"><code><span class="token keyword">sequenceDiagram</span>
  Alice<span class="token arrow operator">-&gt;</span>John<span class="token operator">:</span> Hello John, how are you?
  <span class="token keyword">loop</span> Every minute
    John<span class="token arrow operator">--&gt;</span>Alice<span class="token operator">:</span> Great!
  <span class="token keyword">end</span>
</code></pre></div><details class="custom-block details"><summary>Code</summary> <div class="language- extra-class"><pre class="language-text"><code>```mermaid
sequenceDiagram
  Alice-&gt;John: Hello John, how are you?
  loop Every minute
    John--&gt;Alice: Great!
  end
```
</code></pre></div></details> <p>Refer to the <a href="https://mermaid-js.github.io" target="_blank" rel="noopener noreferrer">documentation of Mermaid</a> for more information.</p> <h3 id="roughviz-js"><a href="#roughviz-js" class="header-anchor">#</a> roughViz.js</h3> <p>Use <a href="https://github.com/jwilber/roughViz" target="_blank" rel="noopener noreferrer">roughViz.js</a> via <a href="/blog-assets/docs/plugins/roughviz/">plugin-roughviz</a> to create sketchy/hand-drawn styled charts in Markdown:</p> <div class="language-js extra-class"><pre class="language-js"><code><span class="token literal-property property">themeConfig</span><span class="token operator">:</span> <span class="token punctuation">{</span>
  <span class="token literal-property property">roughviz</span><span class="token operator">:</span> <span class="token boolean">true</span>
<span class="token punctuation">}</span>
</code></pre></div><p>roughViz.js supports the following 7 chart types:</p> <ul><li>Bar (<code>bar</code>)</li> <li>Horizontal Bar (<code>barh</code>)</li> <li>Donut (<code>donut</code>)</li> <li>Line (<code>line</code>)</li> <li>Pie (<code>pie</code>)</li> <li>Scatter (<code>scater</code>)</li> <li>Stacked Bar (<code>stackedbar</code>)</li></ul> <p>So the format of the code block's token info should be <code>roughviz-{ chart-type }</code>. For example, to draw a Donut chart:</p> <div class="vuepress-roughviz-container"><div id="roughviz_donut_64a56eae" class="vuepress-roughviz"></div></div><details class="custom-block details"><summary>Code</summary> <div class="language- extra-class"><pre class="language-text"><code>```roughviz-donut
{
  &quot;data&quot;: {
    &quot;labels&quot;: [&quot;North&quot;, &quot;South&quot;, &quot;East&quot;, &quot;West&quot;],
    &quot;values&quot;: [10, 5, 8, 3]
  },
  &quot;title&quot;: &quot;Regions&quot;,
  &quot;colors&quot;: [&quot;red&quot;, &quot;orange&quot;, &quot;blue&quot;, &quot;skyblue&quot;],
  &quot;roughness&quot;: 4
}
```
</code></pre></div></details> <p>To load a local <code>csv</code> file, a feasible way is to put your <code>csv</code> file under <code>.vuepress/public/</code> folder (<code>.vuepress/public/csv/flavors.csv</code> for example), then:</p> <details class="custom-block details"><summary>Code</summary> <div class="language- extra-class"><pre class="language-text"><code>```roughviz-bar
{
  &quot;data&quot;: &quot;/csv/flavors.csv&quot;,
  &quot;labels&quot;: &quot;flavor&quot;,
  &quot;values&quot;: &quot;price&quot;
}
```
</code></pre></div></details> <div class="vuepress-roughviz-container"><div id="roughviz_bar_64a5695a" class="vuepress-roughviz"></div></div><p>Refer to the <a href="https://github.com/jwilber/roughViz" target="_blank" rel="noopener noreferrer">documentation of roughViz.js</a> for more information.</p> <h3 id="markmap"><a href="#markmap" class="header-anchor">#</a> markmap</h3> <p>Use <a href="https://github.com/gera2ld/markmap" target="_blank" rel="noopener noreferrer">markmap</a> via <a href="/blog-assets/docs/plugins/markmap/">plugin-markmap</a> to create creating mind map in Markdown:</p> <div class="language-js extra-class"><pre class="language-js"><code><span class="token literal-property property">themeConfig</span><span class="token operator">:</span> <span class="token punctuation">{</span>
  <span class="token literal-property property">markmap</span><span class="token operator">:</span> <span class="token boolean">true</span>
<span class="token punctuation">}</span>
</code></pre></div><p>The token info of the code block should be <code>markmap</code>, for example:</p> <div class="language-markmap extra-class"><pre class="language-text"><code># Fruit

## Red

- Apple
- Cherry

## Yellow

- Lemon
- Banana
</code></pre></div><details class="custom-block details"><summary>Code</summary> <div class="language- extra-class"><pre class="language-text"><code>```markmap
# Fruit

## Red

- Apple
- Cherry

## Yellow

- Lemon
- Banana
```
</code></pre></div></details> <p>Refer to the <a href="https://markmap.js.org/repl" target="_blank" rel="noopener noreferrer">documentation of markmap</a> for more information.</p> <div class="custom-block danger"><p class="custom-block-title">WARNING</p> <p>Theoretically, using code blocks highlighted by <a href="https://prismjs.com/" target="_blank" rel="noopener noreferrer">Prism.js</a> in markmap is also supported (see <a href="https://markmap.js.org/repl" target="_blank" rel="noopener noreferrer">here</a>). However, markmap will import syntax highlighting styles if code blocks are used, which are conflited with this theme's highlighting styles. So you'd better not use code blocks in this plugin (before I find out an appropriate solution).</p></div> <h2 id="markdown-enhancements"><a href="#markdown-enhancements" class="header-anchor">#</a> Markdown Enhancements</h2> <p><a href="/plugins/md-plus">plugin-md-plus</a> is used for adding more syntax in Markdown. Now supports:</p> <ul><li>Footnote</li> <li>Mark</li></ul> <p>You can enable all features simply by:</p> <div class="language-js extra-class"><pre class="language-js"><code><span class="token literal-property property">themeConfig</span><span class="token operator">:</span> <span class="token punctuation">{</span>
  <span class="token literal-property property">mdPlus</span><span class="token operator">:</span> <span class="token punctuation">{</span>
    <span class="token literal-property property">all</span><span class="token operator">:</span> <span class="token boolean">true</span><span class="token punctuation">,</span>  <span class="token comment">// enable all features</span>
  <span class="token punctuation">}</span>
<span class="token punctuation">}</span>
</code></pre></div><p>or enable them separately:</p> <div class="language-js extra-class"><pre class="language-js"><code><span class="token literal-property property">themeConfig</span><span class="token operator">:</span> <span class="token punctuation">{</span>
  <span class="token literal-property property">mdPlus</span><span class="token operator">:</span> <span class="token punctuation">{</span>
    <span class="token literal-property property">footnote</span><span class="token operator">:</span> <span class="token boolean">true</span><span class="token punctuation">,</span>  <span class="token comment">// Footnote</span>
    <span class="token literal-property property">mark</span><span class="token operator">:</span> <span class="token boolean">true</span>  <span class="token comment">// Mark</span>
  <span class="token punctuation">}</span>
<span class="token punctuation">}</span>
</code></pre></div><h3 id="footnote"><a href="#footnote" class="header-anchor">#</a> Footnote</h3> <p>Add footnotes for text<sup class="footnote-ref"><a href="#fn1" id="fnref1">[1]</a></sup></p> <details class="custom-block details"><summary>Syntax</summary> <div class="language- extra-class"><pre class="language-text"><code>Add footnotes for text[^1]

[^1]: Write your footnote here.
</code></pre></div></details> <h3 id="mark"><a href="#mark" class="header-anchor">#</a> Mark</h3> <p>Mark important information: &quot;Excuse me. Can you tell me how much the shirt is?&quot; &quot;Yes, it's <mark>nine fifteen</mark>.&quot;</p> <details class="custom-block details"><summary>Syntax</summary> <div class="language- extra-class"><pre class="language-text"><code>Yes, it's ==nine fifteen==.
</code></pre></div></details> <hr> <hr class="footnotes-sep"> <section class="footnotes"><ol class="footnotes-list"><li id="fn1" class="footnote-item"><p>Write your footnote here. <a href="#fnref1" class="footnote-backref">↩︎</a></p></li></ol></section></div> <footer class="page-edit"><div class="edit-link"><a href="https://github.com/mochen1942/edit/main/example/docs/advanced/features.md" target="_blank" rel="noopener noreferrer"><svg aria-hidden="true" width="19.2" height="19.2" viewBox="-43.52 -43.52 599.04 599.04" fill="currentColor" class="ov-icon" style="font-size:1.2em;"><path d="M497.9 142.1l-46.1 46.1c-4.7 4.7-12.3 4.7-17 0l-111-111c-4.7-4.7-4.7-12.3 0-17l46.1-46.1c18.7-18.7 49.1-18.7 67.9 0l60.1 60.1c18.8 18.7 18.8 49.1 0 67.9zM284.2 99.8L21.6 362.4.4 483.9c-2.9 16.4 11.4 30.6 27.8 27.8l121.5-21.3 262.6-262.6c4.7-4.7 4.7-12.3 0-17l-111-111c-4.8-4.7-12.4-4.7-17.1 0zM124.1 339.9c-5.5-5.5-5.5-14.3 0-19.8l154-154c5.5-5.5 14.3-5.5 19.8 0s5.5 14.3 0 19.8l-154 154c-5.5 5.5-14.3 5.5-19.8 0zM88 424h48v36.3l-64.5 11.3-31.1-31.1L51.7 376H88v48z"/></svg>
      在 GitHub 上编辑此页
    </a></div> <div class="last-updated"><span class="prefix">上次编辑于:</span> <span class="time">2023/3/15 20:03:35</span></div></footer> <div class="page-nav"><p class="inner"><span class="prev">
      ←
      <a href="/blog-assets/docs/basic/installation.html" class="prev">
        Installation
      </a></span> <!----></p></div> <!----> <!----></main></div> <div class="search-page" data-v-57e42542><span class="search-close"><svg aria-hidden="true" width="34.56" height="34.56" viewBox="-75.52 -43.52 599.04 599.04" fill="currentColor" class="ov-icon" style="font-size:2.16em;"><path d="M207.029 381.476L12.686 187.132c-9.373-9.373-9.373-24.569 0-33.941l22.667-22.667c9.357-9.357 24.522-9.375 33.901-.04L224 284.505l154.745-154.021c9.379-9.335 24.544-9.317 33.901.04l22.667 22.667c9.373 9.373 9.373 24.569 0 33.941L240.971 381.476c-9.373 9.372-24.569 9.372-33.942 0z"/></svg></span> <div class="search-box"><input aria-label="Search" autocomplete="off" spellcheck="false" value=""> <!----></div></div> <div class="menu-btn-container" data-v-41ef9fec data-v-57e42542><div class="menu-btn-wrapper" data-v-41ef9fec><div class="menu-btn" data-v-41ef9fec><div class="menu-btn-icon" style="display:;" data-v-41ef9fec><span data-v-41ef9fec></span> <span data-v-41ef9fec></span> <span data-v-41ef9fec></span></div> <div class="menu-text" style="display:none;" data-v-41ef9fec>
        0
      </div> <svg class="menu-svg" data-v-41ef9fec><circle cx="50%" cy="50%" r="48%" class="menu-border" style="stroke-dasharray:0% 314.15926%;" data-v-41ef9fec></circle></svg></div> <div class="menu-btn-child-wrapper" data-v-41ef9fec><a role="button" aria-label="Toggle light" title="Toggle light" class="toggle-mode menu-btn-child" data-v-41ef9fec><svg aria-hidden="true" width="19.2" height="19.2" viewBox="-43.52 -43.52 599.04 599.04" fill="currentColor" class="ov-icon" style="font-size:1.2em;"><path d="M224 96l16-32 32-16-32-16-16-32-16 32-32 16 32 16 16 32zM80 160l26.66-53.33L160 80l-53.34-26.67L80 0 53.34 53.33 0 80l53.34 26.67L80 160zm352 128l-26.66 53.33L352 368l53.34 26.67L432 448l26.66-53.33L512 368l-53.34-26.67L432 288zm70.62-193.77L417.77 9.38C411.53 3.12 403.34 0 395.15 0c-8.19 0-16.38 3.12-22.63 9.38L9.38 372.52c-12.5 12.5-12.5 32.76 0 45.25l84.85 84.85c6.25 6.25 14.44 9.37 22.62 9.37 8.19 0 16.38-3.12 22.63-9.37l363.14-363.15c12.5-12.48 12.5-32.75 0-45.24zM359.45 203.46l-50.91-50.91 86.6-86.6 50.91 50.91-86.6 86.6z"/></svg></a> <div class="menu-btn-child" data-v-41ef9fec><svg aria-hidden="true" width="19.2" height="19.2" viewBox="-75.52 -43.52 599.04 599.04" fill="currentColor" class="ov-icon" style="font-size:1.2em;" data-v-41ef9fec><path d="M207.029 381.476L12.686 187.132c-9.373-9.373-9.373-24.569 0-33.941l22.667-22.667c9.357-9.357 24.522-9.375 33.901-.04L224 284.505l154.745-154.021c9.379-9.335 24.544-9.317 33.901.04l22.667 22.667c9.373 9.373 9.373 24.569 0 33.941L240.971 381.476c-9.373 9.372-24.569 9.372-33.942 0z"/></svg></div> <div class="menu-btn-child" data-v-41ef9fec><svg aria-hidden="true" width="19.2" height="19.2" viewBox="-75.52 -43.52 599.04 599.04" fill="currentColor" class="ov-icon" style="font-size:1.2em;" data-v-41ef9fec><path d="M240.971 130.524l194.343 194.343c9.373 9.373 9.373 24.569 0 33.941l-22.667 22.667c-9.357 9.357-24.522 9.375-33.901.04L224 227.495 69.255 381.516c-9.379 9.335-24.544 9.317-33.901-.04l-22.667-22.667c-9.373-9.373-9.373-24.569 0-33.941L207.03 130.525c9.372-9.373 24.568-9.373 33.941-.001z"/></svg></div> <!----> <div class="menu-btn-child menu-btn-sidebar" data-v-41ef9fec><svg aria-hidden="true" width="19.2" height="19.2" viewBox="-1.6 -1.6 19.2 19.2" fill="currentColor" class="ov-icon" style="font-size:1.2em;" data-v-41ef9fec><path d="M14 2a1 1 0 011 1v10a1 1 0 01-1 1H2a1 1 0 01-1-1V3a1 1 0 011-1h12zM2 1a2 2 0 00-2 2v10a2 2 0 002 2h12a2 2 0 002-2V3a2 2 0 00-2-2H2z"/><path d="M3 4a1 1 0 011-1h2a1 1 0 011 1v8a1 1 0 01-1 1H4a1 1 0 01-1-1V4z"/></svg></div></div></div></div> <!----></div><div class="global-ui"></div></div>
    <script src="/blog-assets/assets/js/app.8304d51e.js" defer></script><script src="/blog-assets/assets/js/4.08820d5d.js" defer></script><script src="/blog-assets/assets/js/1.f05623d2.js" defer></script><script src="/blog-assets/assets/js/14.288551ad.js" defer></script>
  </body>
</html>
